﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/css.css" rel="stylesheet">
<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<nav class="text-center">  <h1> {pc:block pos="logo"}{/pc}</h1>
</nav>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
  <!-- Indicators -->
  <ol class="carousel-indicators">
   {pc:content action="lists" catid="11" order="inputtime DESC"  num="5" cache="3600"}
{loop $data $r}
    <li data-target="#carousel-example-generic" data-slide-to="0" {if $n==1 }class="active{/if}"></li>
    <li data-target="#carousel-example-generic" data-slide-to="{if $n==1 }0{/if}{if $n==2 }1{/if}{if $n==3 }2{/if}{if $n==4 }3{/if}{if $n==5 }4{/if}"></li>
     {/loop}
{/pc}	
   
  </ol>
  
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
  {pc:content action="lists" catid="11" order="inputtime DESC"  num="5" cache="3600"}
{loop $data $r}
    <div class="item{if $n==1 } active{/if}"> <img src="images/a1.jpg" class="img-responsive  center-block" > </div>
   {/loop}
{/pc}	
  </div>
  
  <!-- Controls --> 
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
  <div id="FontScroll">
  <ul>
  {pc:content action="lists" catid="10" order="listorder ASC"  num="10" cache="3600"}
{loop $data $r}
    <li><a href="{$r[url]}"  title='{$r[title]}'  >{str_cut($r[title],58)}</a></li>
       {/loop}
{/pc}
  </ul>
</div>
 <div class="box">

<div class="row">
<div class="showlist">
<div class="col-xs-3"> <img src="images/logo.png" class="img-responsive" ></div>
<div class="col-xs-9"><div class="row biaoti">
<div class="col-xs-7"><p class="tit1">{$title}</p><p class="tit2">{$zd1}</p></div>
<div class="col-xs-5 hd text-center">
<p class="tita">{$zda1}</p><p class="titb">申请成功率</p>

</div></div>
  
  
</div><div class="cl"></div>
</div> </div> 
</div> 
<div class="row showlist2">
<div class="col-xs-4 text-center"><p class="howlist1">借款范围</p><p class="howlist2">{$zda2}</p></div>
<div class="col-xs-4 text-center"><p class="howlist1">借款期限</p><p class="howlist2">{$zda3}</p></div>
<div class="col-xs-4 text-center"><p class="howlist1">最快放款</p><p class="howlist2">{$zda5}</p></div>
</div>
<div class="show">
<h3 class="red">. 所需材料</h3> 
<div class="nr">{$content}</div>
</div>
<div class="show" style=" border-top:none;">
<h3 class="red">. 产品说明</h3> 
<div class="nr">{$cl}</div>
</div>
<div class="row anniu"><a href="{$zd4}">立即申请</a></div>
<footer class="text-center">{pc:block pos="bq"}{/pc}</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
<script>
(function($){
    $.fn.FontScroll = function(options){
        var d = {time: 3000,s: 'fontColor',num: 1}
        var o = $.extend(d,options);
        

        this.children('ul').addClass('line');
        var _con = $('.line').eq(0);
        var _conH = _con.height(); //滚动总高度
        var _conChildH = _con.children().eq(0).height();//一次滚动高度
        var _temp = _conChildH;  //临时变量
        var _time = d.time;  //滚动间隔
        var _s = d.s;  //滚动间隔


        _con.clone().insertAfter(_con);//初始化克隆

        //样式控制
        var num = d.num;
        var _p = this.find('li');
        var allNum = _p.length;

        _p.eq(num).addClass(_s);


        var timeID = setInterval(Up,_time);
		this.hover(function(){clearInterval(timeID)},function(){timeID = setInterval(Up,_time);});

        function Up(){
            _con.animate({marginTop: '-'+_conChildH});
            //样式控制
            _p.removeClass(_s);
            num += 1;
            _p.eq(num).addClass(_s);
            
            if(_conH == _conChildH){
                _con.animate({marginTop: '-'+_conChildH},"normal",over);
            } else {
                _conChildH += _temp;
            }
        }
        function over(){
            _con.attr("style",'margin-top:0');
            _conChildH = _temp;
            num = 1;
            _p.removeClass(_s);
            _p.eq(num).addClass(_s);
        }
    }
})(jQuery);

$('#FontScroll').FontScroll({time: 2000,num: 1});

</script>
</body>
</html>